<script setup lang="ts">

</script>
<template>
    <div>
        <header>
            <span>
                个人信息
            </span>
            <van-icon name="arrow-left" size="20" class="back" @click="$router.push('/wode/mylist')"/>
        </header>
        <ul>
            <li>
                <span>头像</span>
                <van-image src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" class="right" />
            </li>
            <li>
                <span class="left">昵称</span>
                <span>
                    <span class="vip">撤退</span>
                    <van-icon name="arrow" size="20" class="go" @click="$router.push('/userinfo/two')" />
                </span>
            </li>
            <li>
                <span class="left">账户ID</span>
                <span class="right">00012344</span>
            </li>
            <li>
                <span class="left">手机号码</span>
                <span class="right">133012334512</span>
            </li>

            <van-button block @click="$router.push('/login')">退出登录</van-button>
        </ul>

    </div>
</template>
<style lang="scss" scoped>
ul{
    flex: 1;
    padding: 0 15px;
    li{
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        line-height: 60px;
        height: 60px;
        border-bottom: 1px solid  rgb(236, 236, 236);
        font-size: 14px;
    }
}
.van-button{
    margin-top: 80px;
}
.go{
    line-height: 60px;
    margin-left: 10px;
 
}
.right{
    float: right;
}
.van-image{
    width: 30px;
    height: 30px;
    margin-top: 15px;
}
header{
    width: 100%;
    height: 0.44rem;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    border-bottom:  1px solid rgb(236, 236, 236);

}
.back{
    position: fixed;
    left: 10px;
    line-height: 44px;

}

</style>